<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <style type="text/css">
        .infinite-scroll { position: absolute; top: 2.25rem; bottom: 0rem; left: 0; right: 0; }
    </style>
    <div class="page-group">
        <div class="page page_marketing_team">
            <div th:replace="layout/m_layout::title('我推荐的人')"></div>
            <div class="page-content">

                <div class="bcui-tab">
                    <div class="bcui-tab-title">
                        <div class="item active">
                            全部(<font color="#F60" th:text="${teamCount.allCount}"></font>)
                        </div>
                        <div class="item">
                            男单身(<font color="#F60" th:text="${teamCount.manCount}">0</font>)
                        </div>
                        <div class="item">
                            女单身(<font color="#F60"  th:text="${teamCount.womanCount}">0</font>)
                        </div>
                    </div>
                    <div class="bcui-tab-content">

                        <div class="item infinite-scroll infinite-scroll1 active">

                            <div class="bcui-infinite infinite-team1" pages-current="1" pages-src="/m/ajax/center/marketing/team">
                                <div class="bcui-infinite-list  bcui-userlist loadlist teamlist1"></div>
                                <div class="bcui-infinite-preloader" status="nothing">
                                    <div class="bcui-flow-more"><font>加载更多</font></div>
                                    <div class="bcui-flow-loading"></div>
                                    <div class="bcui-flow-end"><font>没有了～</font></div>
                                    <div class="bcui-flow-nothing"><font>没有找到相关数据！</font></div>
                                </div>                        </div>
                        </div>
                        <div class="item infinite-scroll infinite-scroll2">
                            <div class="bcui-infinite infinite-team2" pages-current="1" pages-src="/m/ajax/center/marketing/team?gender=1">
                                <div class="bcui-infinite-list bcui-userlist loadlist teamlist2">
                                </div>
                                <div class="bcui-infinite-preloader" status="more">
                                    <div class="bcui-flow-more"><font>加载更多</font></div>
                                    <div class="bcui-flow-loading"></div>
                                    <div class="bcui-flow-end"><font>没有了～</font></div>
                                    <div class="bcui-flow-nothing"><font>没有找到相关数据！</font></div>
                                </div>                        </div>
                        </div>
                        <div class="item infinite-scroll infinite-scroll3">
                            <div class="bcui-infinite infinite-team3" pages-current="1" pages-src="/m/ajax/center/marketing/team?gender=2">
                                <div class="bcui-infinite-list bcui-userlist loadlist teamlist3">
                                </div>
                                <div class="bcui-infinite-preloader" status="more">
                                    <div class="bcui-flow-more"><font>加载更多</font></div>
                                    <div class="bcui-flow-loading"></div>
                                    <div class="bcui-flow-end"><font>没有了～</font></div>
                                    <div class="bcui-flow-nothing"><font>没有找到相关数据！</font></div>
                                </div>                        </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
        <div th:replace="layout/m_layout::systemJs"></div>
        <script type="text/javascript" src="/m/js/center/marketing_team.js"></script>
    </div>
</div>
</html>
